<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣汇-行业订购会</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jyihui_hydg">
        <header-top></header-top>
        <header-search-global type="衣会"></header-search-global>
        <common-top-nav cur="聚衣会"></common-top-nav>
        <div class="bg-gray">
            <div class="container">
                <common-crumb :crumblist="crumblist"></common-crumb>
                <div class="mt-20 jyh-dgtop">
                    <common-swiper class="left-wrap" :bannerlist="bannerlist"></common-swiper>
                    <div class="right-wrap">
                        <img :src="item.picUrl" alt="" v-for="(item,index) of adList">
                    </div>
                </div>
                <!-- 筛选条件 -->
                <div class="jyh-condition">
                    <a class="type" :class="{'active':ordertype_cur==0}" @click="getList(0)">线上订购会</a>
                    <a class="type" :class="{'active':ordertype_cur==1}" @click="getList(1)">线下订购会</a>
                </div>
                <div class="jyh-hydg-list mt-20">
                    <!-- 线上订购会列表数据 -->
                    <div v-for="(item,index) of list" v-if="ordertype_cur==0" class="jyh-dgitem">
                        <img :src="item.picUrl">
                        <div class="jyh-dgbottom">
                            <p class="title">{{item.title}}</p>
                            <p class="author">
                                <span>{{item.teacher}}</span>
                                <span>{{item.watchDate}}</span>
                            </p>

                             <div class="shouc-wrap" @click="quitShouc(index,item)" v-if="item.followId">
                                 <div class="shouc">取消收藏</div>
                             </div>
                            <div class="shouc-wrap" @click="addShouc(index,item)" v-else>
                                <div class="shouc">收藏</div>
                            </div>
                        </div>
                    </div>
                    <!-- 线下订购会列表数据 -->
                    <div v-for="(item,index) of list" v-if="ordertype_cur==1" class="jyh-dgitem">
                        <img :src="item.picUrl">
                        <div class="jyh-dgbottom1">
                            <p class="title">{{item.title}}</p>
                            <p class="location"><i class="icon-location"></i>{{item.address}}</p>
                            <p class="date">{{item.startTime}}--{{item.endTime}}</p>
                            <div class="shouc-wrap">
                                <div class="baom" @click="baoming(item,index)" v-if="!item.beApplied">报名</div>
                                <div class="baom" @click="baoming(item,index)" v-if="item.beApplied">取消报名</div>
                                <div class="baom" @click="showphone(item)">致电</div>
                            </div>
                        </div>
                    </div>
                </div>
                <common-page :current="1" :all=total @btn-click="getPage"></common-page>
            </div>
        </div>
        <common-footer></common-footer>
        <el-dialog title="填写报名信息" :visible.sync="dialogFormVisible">
            <el-form :model="form">
                <el-form-item label="公司名称" :label-width="formLabelWidth">
                    <el-input v-model="form.companyName" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
                <el-form-item label="姓名" :label-width="formLabelWidth">
                    <el-input v-model="form.personName" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
                <el-form-item label="年龄" :label-width="formLabelWidth">
                    <el-input v-model="form.age" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>

                <el-form-item label="性别" :label-width="formLabelWidth">
                    <el-select v-model="form.sex" placeholder="请选择性别">
                        <el-option label="男" value="1"></el-option>
                        <el-option label="女" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="手机号" :label-width="formLabelWidth">
                    <el-input v-model="form.phone" auto-complete="off" style="width: 50%"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="baomingok">确 定</el-button>
                <el-button @click="dialogFormVisible = false">取 消</el-button>
            </div>
        </el-dialog>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jyihui_hydg();
    </script>
</body>

</html>